<template>
    <!-- 筛选区表单 -->
    <div class="filter-form"
         :class="{ hidden:isCollapse }">
      <slot v-if="$slots.default"></slot>
    </div>
</template>
<script>
export default {
  name: 'filterBox',
  components: {},
  data () {
    return {
      // 是否折叠
      isCollapse: false
    }
  },
  created () {
    this.$bus.$on('toggleSearch', (state) => {
      this.isCollapse = state
    })
  }
}
</script>
<style  lang='scss' scoped>
.filter-form{
  background-color: #fff;
}
.hidden{
  height: 0;
  overflow: hidden;
  transition: all .1s linear;
}

</style>
